<script setup>
import {reactive} from 'vue'

const difficultyList = reactive([
  {
    "difficulty": 0,
    "difficultyName": "简单（easy）",
  },
  {
    "difficulty": 1,
    "difficultyName": "中等（medium）",
  },
  {
    "difficulty": 2,
    "difficultyName": "困难（hard）",
  }
])
</script>

<template>
  <el-select>
    <el-option v-for="item in difficultyList" :key="item.difficulty" :label="item.difficultyName"
               :value="item.difficulty"/>
  </el-select>
</template>
